<template>
	<!-- 关于我们 -->
	<view class="aboutUs">
		<rich-text :nodes="parsedNodes"></rich-text>
	</view>
</template>

<script>
	import util from '../../component/commen/api/util';
	export default {
		data() {
			return {
				parsedNodes: "", //页面数据
			};
		},
		onShow() {
			this.getparsed()
		},
		methods: {
			getparsed() { //获取页面数据
				var params = {
					do: "system"
				}
				util.requestWithSign(params).then(res => {
					console.log("页面数据：", res)
					this.parsedNodes = res.data.detail
					this.parseRichText()
				})
			},
			parseRichText() { //拿到后端返回的数据中的信息，并修改图片样式
				const imgTag = /<img[^>]+src="([^"]+)"[^>]*>/g;
				const result = this.parsedNodes.replace(imgTag, (match, src) => {
					return `<img src="${src}" class="custom-image" style="width:100%;height:auto"></img>`;
				});
				this.parsedNodes = result
			}
		}
	}
</script>

<style lang="scss" scoped>
	.aboutUs {
		padding: 0 20rpx;
		background: #fff;
		line-height: 60rpx;
		font-size: 26rpx;
		// rich-text img {
		//   width: 100px; /* 设置图片宽度为父元素宽度的100% */
		//   height: auto; /* 高度自适应宽度比例 */
		// }
	}
</style>